/*banner*/
.ind-banner{ width: 100%; overflow: hidden; position:relative;} 
.ind-banner .swiper-slide {position: relative; }
.ind-banner .swiper-slide a{ display: block; width: 100%; height: 100%; }
.ind-banner .swiper-slide .img img{ width: 100%; }
.ind-banner .onebox{ position: absolute; width: 7.2rem; right: 50%; margin-right: -7.68rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .onebox .txtImg img{ width: 4.1rem; }
.ind-banner .onebox .en{ margin-top: 0.1rem; font-size: var(--fs24); line-height: 0.32rem; font-weight: 100; color: #666; text-transform: uppercase;}
.ind-banner .onebox .txt{ margin: 0.2rem 0 0.5rem; font-size: 0.52rem; line-height: 0.72rem; font-weight: 400; color: #4b469a;}
.ind-banner .onebox .numList li{ float: left; width: 55%; padding-left: 0.62rem; margin-bottom: 0.3rem; position: relative; }
.ind-banner .onebox .numList li:nth-child(2n){ width: 45%; }
.ind-banner .onebox .numList li .ico{ position: absolute; left: 0; top: 50%; margin-top: -0.22rem; }
.ind-banner .onebox .numList li .ico img{ width: 0.43rem; }
.ind-banner .onebox .numList li .num{ display: inline-block; position: relative; padding-right: 20px; color: #6abc6f; font-size: var(--fs60); line-height: 0.52rem; font-family:'Din-SB'; }
.ind-banner .onebox .numList li .num:after{ content: ''; position: absolute; right: 0; top: 0; width: 14px; height: 14px; background: url(../images/nimg14_3.png) no-repeat; }
.ind-banner .onebox .numList li .zi{ display: inline-block; font-size: var(--fs20); line-height: 0.2rem; color: #333; }
.ind-banner .onebox .more{ background: #4b479a; }

.ind-banner .twobox{ position: absolute; left: 50%; margin-left: -7.68rem; width: 5.6rem; z-index: 2; top: 50%; transform: translateY(-50%); }
.ind-banner .twobox .txt{ font-size: var(--fs60); line-height: 0.64rem; font-weight: 100; color: #4b469a; font-family: 'Harmony-B';}
.ind-banner .twobox .cn{ margin-top: 0.2rem; font-size: var(--fs40); line-height: 0.6rem; font-family: 'Harmony-L'; font-weight: 400; color: #333;}
.ind-banner .twobox .en{ margin-top: 0.16rem; font-size: var(--fs18); color: #333; line-height: 0.28rem; }
.ind-banner .more{ margin-top: 0.4rem; position: relative; overflow: hidden; text-align: center; font-size: var(--fs16); width: 1.62rem; line-height: 0.52rem; height: 0.52rem; background: #6abc6f; border-radius: 0.48rem; color: #fff; font-family: 'Harmony-M'; }


.ind-banner .baozhe{transform: translateY(50px);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  opacity: 0;
  visibility: hidden;
  transition: all 1.4s ease;
  -webkit-transition: all 1.4s ease;
  -moz-transition: all 1.4s ease;
  -ms-transition: all 1.4s ease;
  -o-transition: all 1.4s ease;
  transition-delay: 1s;
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);}
.ind-banner .swiper-slide-active .baozhe{
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
  -webkit-transform: translateY(0);
  -moz-transform: translateY(0);
  -ms-transform: translateY(0);
  -o-transform: translateY(0);
}

.ind-banner .swiper-pagination{ width: 100%; bottom: 0.36rem; } 
.ind-banner .swiper-pagination-bullet { position: relative; display: inline-block; width: 0.58rem; height: 0.06rem; opacity: 1; background: rgba(255,255,255,0.5); border: none; border-radius: 8px; margin: 0 8px!important; } 
.ind-banner .swiper-pagination-bullet-active { background: #fff;} 


.indTxt .en{ font-weight: 400; font-size: var(--fs48); line-height: 0.48rem; font-family: 'Harmony-B'; text-transform: uppercase;  background-image:-webkit-linear-gradient(top,#d6d6d6,transparent);
 background-image:linear-gradient(to bottom,#d6d6d6,transparent); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.indTxt .cn{ font-weight: 100; color: #333; font-size: var(--fs48); line-height: 0.48rem; font-family: 'Harmony-M'; }
.indTxt2{ text-align: center; }

.indexP1{ padding: 0.95rem 0; }
.indexP1 .toptop{ position: relative; height: 1.6rem;}
.indexP1 .tab{ position: absolute; right: 0; top: 0.5rem; z-index: 1; }
.indexP1 .tab li{ cursor: pointer; float: left; font-size: var(--fs18);}
.indexP1 .tab li .box{ width: 1.74rem; height: 0.46rem; line-height: 0.46rem; border-radius: 0.48rem;  color: #333; text-align: center; }
.indexP1 .tab li.on .box{ background: #4b479a; color: #fff; }
.indexP1 .tips{ margin-top:0.1rem; font-size:var(--fs16); line-height:0.32rem; color:#333;}

.indexP1 .tab2{ overflow: hidden; text-align: center; background: #f5f5f5; height: 0.7rem; padding: 0 0.2rem; position: relative; overflow-x: auto; white-space: nowrap; border-bottom: #c9c7e1 solid 1px; }
.indexP1 .tab2::-webkit-scrollbar { height: 3px;}
.indexP1 .tab2::-webkit-scrollbar-track { background-color: #eee;}
.indexP1 .tab2::-webkit-scrollbar-thumb { background-color: #4b479a;} 
.indexP1 .tab2 li{ display: inline-block; cursor: pointer; font-size: var(--fs16); color: #333; margin: 0 0.32rem; line-height: 0.7rem; }
.indexP1 .tab2 li.on{ color: #6abc6f; }


.indexP1 .item{ display:none; overflow: hidden; margin-top: 0.5rem; animation: am_top 0.5s ease-out 0.1s backwards; -webkit-animation: am_top 0.5s ease-out 0.1s backwards;}
.indexP1 .leftDiv{ width: 50%; height: 6.96rem;}
.indexP1 .leftDiv a{ position: relative; display: block; height: 6.96rem; overflow: hidden; }
.indexP1 .leftDiv .imgDiv{ height: 6.96rem; background: #eeeeef; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.indexP1 .leftDiv .imgDiv img{ max-width: 7.0rem; max-height: 6.0rem; mix-blend-mode:multiply; }
.indexP1 .leftDiv .name{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 0 0.3rem; height: 0.6rem; line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #fff; overflow: hidden; font-family: 'Harmony-B'; background: rgba(73,68,152,0.5); }
.indexP1 .leftDiv .layer{ position: absolute; opacity: 0; visibility: hidden; left: 0; top: 0; padding: 0 0.3rem; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.4); }
.indexP1 .leftDiv .mxfDiv{ height: 100%; }
.indexP1 .leftDiv .name2{ line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #fff; font-family: 'Harmony-B'; }
.indexP1 .leftDiv .ico{ position: relative; width: 0.5rem; height: 0.5rem; margin: 0.2rem auto 0; background: #fff; border-radius: 50%; }
.indexP1 .leftDiv .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; width: 12px; height: 2px; background: #6abc6f; }
.indexP1 .leftDiv .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; width: 2px; height: 12px; background: #6abc6f; }
.indexP1 .leftDiv .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
.indexP1 .leftDiv .label dd em{ font-size: var(--fs14); margin-bottom: 0.1rem; float: right; height: 0.4rem; display: inline-block; color: #fff; border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; line-height: 0.4rem; padding: 0 0.2rem; background: rgba(73,68,152,0.5);}
.indexP1 .leftDiv a:hover .name{ opacity: 0; }
.indexP1 .leftDiv a:hover .layer{ opacity: 1; visibility: visible; }
.indexP1 .rightDiv{ width: calc(50% - 1px); }
.indexP1 .rightDiv ul{ margin-left: -1px; }
.indexP1 .rightDiv li{ float: left; width: 50%; }
.indexP1 .rightDiv li .box{ margin-left: 1px; }
.indexP1 .rightDiv li a{ position: relative; display: block; height: 3.48rem; overflow: hidden; }
.indexP1 .rightDiv li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #fff; }
.indexP1 .rightDiv li:nth-child(3) a:after, .indexP1 .rightDiv li:nth-child(4) a:after{ display: none; }
.indexP1 .rightDiv li .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
.indexP1 .rightDiv li .label dd em{ font-size: var(--fs14); margin-bottom: 0.1rem; float: right; height: 0.4rem; display: inline-block; color: #fff; border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; line-height: 0.4rem; padding: 0 0.2rem; background: rgba(73,68,152,0.5);}
.indexP1 .rightDiv li .imgDiv{ height: 3.48rem; background: #f5f5f5; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;}
.indexP1 .rightDiv li .imgDiv img{ max-width: 3.6rem; max-height: 3.0rem; mix-blend-mode:multiply; }
.indexP1 .rightDiv li .name{ position: absolute; left: 0; bottom: 0; z-index: 1; width: 100%; padding: 0 0.3rem; height: 0.6rem; line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #fff; overflow: hidden; font-family: 'Harmony-B'; background:rgba(73,68,152,0.5); }
.indexP1 .rightDiv li .layer{ position: absolute; opacity: 0; visibility: hidden; left: 0; top: 0; padding: 0 0.3rem; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.4); }
.indexP1 .rightDiv li .mxfDiv{ height: 100%; }
.indexP1 .rightDiv li .name2{ line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #fff; font-family: 'Harmony-B'; }
.indexP1 .rightDiv li .ico{ position: relative; width: 0.5rem; height: 0.5rem; margin: 0.2rem auto 0; background: #fff; border-radius: 50%; }
.indexP1 .rightDiv li .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; width: 12px; height: 2px; background: #6abc6f; }
.indexP1 .rightDiv li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; width: 2px; height: 12px; background: #6abc6f; }
.indexP1 .rightDiv li a:hover .name{ opacity: 0; }
.indexP1 .rightDiv li a:hover .layer{ opacity: 1; visibility: visible; }


.indexP2{ padding-bottom: 0.96rem; }
.indexP2 .toptop{ position: relative; height: 1.36rem; }
.indexP2 .more{ position: absolute; right: 0; top: 0.36rem; z-index: 1; }
.indexP2 .more a{ position: relative; overflow: hidden; display: block; color: #fff; width: 1.64rem; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; background: #493e9d; text-align: center; font-size: var(--fs16); font-family: 'Harmony-M'; }
.indexP2 .list{ overflow: hidden; padding: 0.15rem; margin: -0.15rem; }
.indexP2 .list li .box{ box-shadow: 0 0 0.15rem 0 rgba(36,42,140,0.1); }
.indexP2 .list li .imgDiv{ height: 3.25rem; overflow: hidden; }
.indexP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.indexP2 .list li .botDiv{ height: 3.0rem; padding: 0.36rem 0.45rem 0; background: #fff; }
.indexP2 .list li .name{ color: #333; font-size: var(--fs24); line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.indexP2 .list li .time{ color: rgba(102,102,102,0.5); font-family: 'Harmony-M'; font-size: var(--fs14); margin-top: 0.12rem; padding-left: 0.26rem; background: url(../images/nimg16_1.png) left center no-repeat; background-size: 0.16rem; }
.indexP2 .list li .content{ margin-top: 0.2rem; color: #666; font-size: var(--fs16); line-height: 0.24rem; height: 0.48rem; overflow: hidden; }
.indexP2 .list li .look{ margin-top: 0.3rem; font-size: var(--fs16); line-height: 0.16rem; color: #493e9d; font-family: 'Harmony-M'; text-decoration: underline; font-style: italic; }
.indexP2 .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.indexP2 .list li .box:hover .name{ color: #493e9d; }
.indexP2 .swiper-pagination{ display: none; position: relative; margin-top: 0.6rem; width: 100%; bottom: 0; } 
.indexP2 .swiper-pagination-bullet { position: relative; display: inline-block; width: 10px; height: 10px; opacity: 1; background: #fff; border: #494498 solid 1px; border-radius: 50%; margin: 0 5px!important; } 
.indexP2 .swiper-pagination-bullet-active { background: #494498;} 

.indexP3{ position:relative; height: 8.55rem; background: center no-repeat; background-size: cover; overflow: hidden;}
.indexP3 .conDiv{ width: 6.32rem; }
.indexP3 .txt{ width: 5.32rem; font-size: var(--fs40); line-height: 0.64rem; color: #031b3e; margin: 0.32rem 0 0.28rem; font-family: 'Harmony-M'; }
.indexP3 .content{ font-size: var(--fs16); line-height: 0.32rem; color: #333; text-align: justify;}
.indexP3 .more{ margin-top: 0.45rem; }
.indexP3 .more a{ position: relative; overflow: hidden; display: block; color: #fff; width: 1.64rem; height: 0.52rem; line-height: 0.52rem; border-radius: 0.48rem; background: #493e9d; text-align: center; font-size: var(--fs16); font-family: 'Harmony-M'; }
.indexP3 .imgDiv{ position:absolute; left:0; top:0; width:100%; height:100%;}
.indexP3 .imgDiv img{ width: 100%; height:100%; object-fit:cover; }


.indexP4{ padding-top: 1.7rem; height: 7.7rem; background: url(../images/indexP4.jpg) center no-repeat; background-size: cover; }
.indexP4 .title{ font-size: var(--fs48); line-height: 0.48rem; color: #333; font-family: 'Harmony-M'; margin-bottom: 0.3rem; }
.indexP4 .msg{ font-size: var(--fs24); line-height: 0.24rem; color: #333; margin-bottom: 0.6rem; }
.indexP4 .form{ width: 11.14rem; }
.indexP4 .form ul{ margin-right: -0.3rem; }
.indexP4 .form li{ float: left; width: 33.33%; margin-bottom: 0.36rem;}
.indexP4 .form li .box{ margin-right: 0.3rem; padding-left: 1.3rem; background: #fff; position: relative; border: #9f9cce solid 1px; border-radius: 6px; }
.indexP4 .form li .txt{ position: absolute; left: 0.15rem; top: 0; line-height: 0.54rem; padding-left: 0.36rem; font-size: var(--fs16); color: #333; }
.indexP4 .form li .txt img{ position: absolute; left: 0; top: 50%; margin-top: -0.13rem; width: 0.23rem; }
.indexP4 .form li .input1{ width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: var(--fs16); }
.indexP4 .btnDiv{ padding-top: 0.3rem; overflow: hidden;}
.indexP4 .btnDiv li{ float: left; margin-right: 0.15rem; font-size: var(--fs16); font-family: 'Harmony-M';}
.indexP4 .btnDiv li a{ width: 1.62rem; height: 0.52rem; border: #494498 solid 1px; color: #493e9d; border-radius: 0.48rem; background: #fff; }
.indexP4 .btnDiv li:nth-child(1) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_4.png) no-repeat; background-size: 0.2rem; }
.indexP4 .btnDiv li:nth-child(2) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_5.png) no-repeat; background-size: 0.2rem; }
.indexP4 .btnDiv li a:hover{ background: #493e9d; color: #fff; }
.indexP4 .btnDiv li:nth-child(1) a:hover em{ background: url(../images/nimg20_4on.png) no-repeat; background-size: 0.2rem; }
.indexP4 .btnDiv li:nth-child(2) a:hover em{ background: url(../images/nimg20_5on.png) no-repeat; background-size: 0.2rem; }




/**/

.searchBox{ padding:0.8rem 0 1.2rem; border-top:#ebebeb solid 1px; border-bottom:#ebebeb solid 1px;}
.searchBox .toptop{ position:relative; padding-right:200px; height:100px;}
.searchBox .result span{ display: inline-block; font-size: 16px; margin-right: 0.3rem; line-height: 0.62rem;}
.searchBox .result b{ margin: 0 4px; color: #cd0000; font-family: "Harmony-B"; font-weight: 400; text-decoration: underline;}

.searchBox .list{ padding-bottom:0.6rem;}
.searchBox .list li { position: relative; list-style: none; border-bottom: 1px dashed #eee;}
.searchBox .list li:first-child { border-top: 1px dashed #eee;}
.searchBox .list li a {
  display: flex;
  display: -webkit-box;
  /* Chrome 4+, Safari 3.1, iOS Safari 3.2+ */
  display: -moz-box;
  /* Firefox 17- */
  display: -webkit-flex;
  /* Chrome 21+, Safari 6.1+, iOS Safari 7+, Opera 15/16 */
  display: -moz-flex;
  /* Firefox 18+ */
  display: -ms-flexbox;
  /* IE 10 */
  padding: 0.1rem 0;
  align-items: center;
}
.searchBox .list .title {
  flex: 1;
  font-size: 16px;
  color: #666;
  line-height: 0.48rem;
  margin-right: 1rem;
  transition: color 0.3s ease;
  -webkit-transition: color 0.3s ease;
  -moz-transition: color 0.3s ease;
  -ms-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 1;
  overflow: hidden;
}
.searchBox .list p { font-size: 16px; color: #999; font-family:'Harmony-L';}
.searchBox .list li:hover .title { color: #4b479a;}

.searchBox .tips { display: none; text-align:center; font-size:0.2rem; color:#333;}

.brand{ padding: 0.9rem 0 1.0rem; border-bottom: #ebebeb solid 1px; }
.brand .list{ border-top: #ebebeb solid 1px; border-left: #ebebeb solid 1px;}
.brand .list li{ float: left; width: 16.66%; }
.brand .list li .imgDiv{ border-right: #ebebeb solid 1px; border-bottom: #ebebeb solid 1px; }
.brand .list li a{ position: relative; height: 1.7rem;}
.brand .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 0; background: #493e9d; }
.brand .list li .imgDiv img{ max-width: 2.0rem; max-height: 1.0rem; }
.brand .list li a:hover:after{ height: 2px; }
.brand .list li a:hover img{ transform:scale(1.1);-webkit-transform:scale(1.1);}

.secondTab{ height: 0.68rem; background: #f5f5f5; }
.proNav{ padding: 0 0.36rem; position: relative; }
.proNav .list{ overflow: hidden; position: relative; }
.proNav .list:after{content: ""; width: 50px; height: 100%; position: absolute; top: 0; z-index: 2; right: 0; background: linear-gradient(-90deg, #f5f5f5, transparent);}
.proNav .list li{ width: auto; }
.proNav .list li a{ display: block; height: 0.68rem; line-height: 0.68rem; font-size: var(--fs18); color: #333; }
.proNav .list li .aNow{ color: #6abc6f; text-decoration: underline; }
.proNav .list li a:hover{ color: #6abc6f;}
.proNav .se{ position: absolute; display: block; top: 50%; margin-top: -12px; width: 7px; height: 24px; z-index: 3; }
.proNav .prev{ left: 0; background: url(../images/nimg7_left.png) center no-repeat;}
.proNav .next{ right: 0; background: url(../images/nimg7_right.png) center no-repeat; }
.proNav .prev:hover{ background: url(../images/nimg7_lefton.png) center no-repeat;}
.proNav .next:hover{ background: url(../images/nimg7_righton.png) center no-repeat;}

.thirdTab{ text-align: center; }
.thirdTab li{ display: inline-block; font-size: var(--fs16);}
.thirdTab li .box{ margin: 0 8px;}
.thirdTab li a{ display: block; font-family: 'Harmony-M'; height: 0.42rem; line-height: 0.42rem; padding: 0 0.2rem; background: #edecf5; border-radius: 0.48rem; color: #262626; overflow: hidden;}
.thirdTab li a:hover{ color: #4b479a; }
.thirdTab li .aNow{ background: #4b479a; color: #fff!important; }

.product{ padding: 0.5rem 0 1.2rem; background: url(../images/productBg.png) center top no-repeat; background-size: 100%; border-bottom: #ebebeb solid 1px; }
.product .list{ padding: 0.7rem 0 0.45rem; }
.product .list ul{ margin-right: -0.2rem; }
.product .list li{ float: left; width: 25%; margin-bottom: 0.3rem; }
.product .list li .box{ margin-right: 0.2rem; }
.product .list li a{ position: relative; display: block; overflow: hidden; }
.product .list li .pjDiv{ position:relative;}
.product .list li .imgDiv{ height: 3.48rem; background: #f5f5f5; overflow:hidden; display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center;  }
.product .list li .imgDiv img{ max-width: 3.2rem; max-height: 3.48rem; mix-blend-mode:multiply; }
.product .list li .name{ margin-top:0.2rem; z-index: 1; width: 100%; height: 0.48rem; line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #000; overflow: hidden; font-family: 'Harmony-B'; }
.product .list li .layer{ position: absolute; opacity: 0; visibility: hidden; left: 0; top: 0; padding: 0 0.3rem; width: 100%; height: 100%; z-index: 1; background: rgba(0,0,0,0.4); }
.product .list li .mxfDiv{ height: 100%; }
.product .list li .name2{ line-height: 0.24rem; text-align: center; font-size: var(--fs18); color: #fff; font-family: 'Harmony-B'; }
.product .list li .ico{ position: relative; width: 0.5rem; height: 0.5rem; margin: 0.2rem auto 0; background: #fff; border-radius: 50%; }
.product .list li .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -6px; margin-top: -1px; width: 12px; height: 2px; background: #6abc6f; }
.product .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -1px; margin-top: -6px; width: 2px; height: 12px; background: #6abc6f; }
.product .list li .label{ position: absolute; right: 0; top: 0.3rem; z-index: 2; }
.product .list li .label dd em{ font-size: var(--fs14); margin-bottom: 0.1rem; float: right; height: 0.4rem; display: inline-block; color: #fff; border-top-left-radius: 0.24rem; border-bottom-left-radius: 0.24rem; line-height: 0.4rem; padding: 0 0.2rem; background: rgba(73,68,152,0.5);}
.product .list li a:hover .layer{ opacity: 1; visibility: visible; }

.knowledge{ padding: 0.95rem 0 1.2rem; border-bottom: #ebebeb solid 1px; }
.knowledge .list{ padding: 0.5rem 0 0.8rem; }
.knowledge .list li a{ display: block; position: relative; height: 1.9rem; padding: 0.4rem 3.85rem 0 2.0rem; }
.knowledge .list li a:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; background: #f0f0f0; }
.knowledge .list li .time{ position: absolute; left: 0.45rem; top: 50%; margin-top: -0.47rem; width: 1.0rem; height: 0.95rem; border: #ebebeb solid 1px; font-size: var(--fs16); color: rgba(0,0,0,0.5); }
.knowledge .list li .time em{ font-size: var(--fs36); line-height: 0.36rem; color: rgba(0,0,0,0.6); font-family: 'Harmony-B'; }
.knowledge .list li .name{ font-size: var(--fs22); font-family: 'Harmony-M'; line-height: 0.4rem; height: 0.4rem; overflow: hidden; color: #333; text-overflow: ellipsis; white-space: nowrap;}
.knowledge .list li .content{ margin-top: 0.1rem; font-size: var(--fs16); line-height: 0.3rem; height: 0.6rem; overflow: hidden; font-family: 'Harmony-L'; color: #666; }
.knowledge .list li .ico{ position: absolute; right: 1.1rem; top: 50%; margin-top: -0.28rem; width: 0.56rem; height: 0.56rem; border-radius: 50%; border: #494498 solid 2px; background: url(../images/ico2.png) center no-repeat; }
.knowledge .list li a:hover, .knowledge .list li a:hover:after{ background: #f8f8ff; }
.knowledge .list li a:hover .time{ border: #494498 solid 1px; background: #494498; color: rgba(255,255,255,0.8); }
.knowledge .list li a:hover .time em{ color: rgba(255,255,255,0.8);}
.knowledge .list li a:hover .name{ color: #494498; }
.knowledge .list li a:hover .ico{ background: #494498 url(../images/ico2on.png) center no-repeat;}


.tryout{ padding-top: 0.95rem; height: 9.1rem; background: url(../images/tryoutBg.jpg) center no-repeat; background-size: cover; }
.tryout .msg{ font-size: var(--fs24); line-height: 0.24rem; color: #333; margin: 0.5rem 0 0.6rem; }
.tryout .form{ width: 9.6rem; }
.tryout .form ul{ margin-right: -0.26rem; }
.tryout .form li{ float: left; width: 33.33%; margin-bottom: 0.36rem;}
.tryout .form .li01{ width: 50%; }
.tryout .form .li02{ width: 100%; }
.tryout .form li .box{ margin-right: 0.26rem; padding-left: 1.3rem; background: rgba(255,255,255,0.5); position: relative; border: #9f9cce solid 1px; border-radius: 6px; }
.tryout .form li .txt{ position: absolute; left: 0.15rem; top: 0; line-height: 0.54rem; padding-left: 0.36rem; font-size: var(--fs16); color: #333; }
.tryout .form li .txt img{ position: absolute; left: 0; top: 50%; margin-top: -0.13rem; width: 0.23rem; }
.tryout .form li .input1{ width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: var(--fs16); }
.tryout .form li textarea{ width: 100%; padding-top: 0.15rem; height: 1.6rem; line-height: 0.26rem; font-size: var(--fs16); }
.tryout .btnDiv{ padding-top: 0.3rem; overflow: hidden;}
.tryout .btnDiv li{ float: left; margin-right: 0.15rem; font-size: var(--fs16); font-family: 'Harmony-M';}
.tryout .btnDiv li a{ width: 1.62rem; height: 0.52rem; border: #494498 solid 1px; color: #493e9d; border-radius: 0.48rem; background: #fff; }
.tryout .btnDiv li:nth-child(1) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_4.png) no-repeat; background-size: 0.2rem; }
.tryout .btnDiv li:nth-child(2) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_5.png) no-repeat; background-size: 0.2rem; }
.tryout .btnDiv li a:hover{ background: #493e9d; color: #fff; }
.tryout .btnDiv li:nth-child(1) a:hover em{ background: url(../images/nimg20_4on.png) no-repeat; background-size: 0.2rem; }
.tryout .btnDiv li:nth-child(2) a:hover em{ background: url(../images/nimg20_5on.png) no-repeat; background-size: 0.2rem; }

.maintain{ padding: 0.95rem 0 1.2rem; border-bottom: #ebebeb solid 1px; }
.maintain .msg{ font-size: var(--fs24); line-height: 0.24rem; color: #333; margin: 0.5rem 0 0.65rem; text-align: center;}
.maintain .msg em{ color: #ff0000; }
.maintain .form{ width: 11.52rem; margin: 0 auto; }
.maintain .form ul{ margin-right: -0.5rem; }
.maintain .form li{ float: left; width: 50%; margin-bottom: 0.3rem;}
.maintain .form .li01, .maintain .form .li02{ width: 100%; }
.maintain .form li .box{ margin-right: 0.5rem; padding-left: 1.75rem; background: rgba(255,255,255,0.5); position: relative; border: #9f9cce solid 1px; border-radius: 6px; }
.maintain .form .li02 .box{ padding-left: 2.15rem; }
.maintain .form li .txt{ position: absolute; left: 0.32rem; top: 0; line-height: 0.54rem; padding-left: 0.36rem; font-size: var(--fs16); color: #333; }
.maintain .form li .txt em{ color: #ff0000; }
.maintain .form li .txt img{ position: absolute; left: 0; top: 50%; margin-top: -0.13rem; width: 0.23rem; }
.maintain .form li .input1{ width: 100%; height: 0.54rem; line-height: 0.54rem; font-size: var(--fs16); }
.maintain .form li textarea{ width: 100%; padding-top: 0.15rem; height: 1.6rem; line-height: 0.26rem; font-size: var(--fs16); }
.maintain .form li .single{ padding-left: 0.2rem; overflow: hidden; }
.maintain .form li .single dd{ float: left; cursor: pointer; font-size: var(--fs16); line-height: 0.54rem; margin-right: 0.58rem; padding-left: 22px; background: url(../images/nimg18_1.png) left center no-repeat; }
.maintain .form li .single dd.on{ background: url(../images/nimg18_1on.png) left center no-repeat; }

.maintain .btnDiv{ width: 1.62rem; margin: 0.2rem auto 0; }
.maintain .btnDiv a{ width: 100%; font-size: var(--fs16); font-family: 'Harmony-M'; height: 0.52rem; border: #494498 solid 1px; color: #493e9d; border-radius: 0.48rem; background: #fff; }
.maintain .btnDiv em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_4.png) no-repeat; background-size: 0.2rem; }
.maintain .btnDiv a:hover{ background: #493e9d; color: #fff; }
.maintain .btnDiv a:hover em{ background: url(../images/nimg20_4on.png) no-repeat; background-size: 0.2rem; }

.news{ padding: 0.95rem 0 1.2rem; background-image: linear-gradient(180deg, #fff 0%, #f9f9f9 100%); background-blend-mode: normal, normal; border-bottom: #ebebeb solid 1px; }
.news .mxfDiv{ margin-top: 0.4rem; }
.news .mxfDiv a{ display:block; padding: 0 1.2rem 0 8.72rem; height: 4.75rem; background: #f5f5f5 url(../images/nimg315Bg.png) right bottom no-repeat; background-size: 3.15rem; position: relative; overflow:hidden;}
.news .mxfDiv .imgDiv{ position: absolute; left: 0; top: 0; width: 50%; height: 4.75rem; overflow: hidden; }
.news .mxfDiv .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .mxfDiv .conDiv{ height: 4.75rem; }
.news .mxfDiv .name{ margin-bottom: 0.3rem; font-size: var(--fs30); line-height: 0.48rem; font-family: 'Harmony-M'; color: #333; }
.news .mxfDiv .time{ margin-bottom: 0.4rem; color: rgba(102,102,102,0.5); font-family: 'Harmony-M'; font-size: var(--fs16); line-height: 20px; padding-left: 0.26rem; background: url(../images/nimg16_1.png) left center no-repeat; background-size: 0.16rem; }
.news .mxfDiv .content{ font-size: var(--fs16); line-height: 0.3rem; height: 0.9rem; color: #666; }
.news .mxfDiv .more{ margin-top: 0.2rem; font-size: var(--fs16); line-height: 0.16rem; color: #493e9d; font-family: 'Harmony-M'; text-decoration: underline; font-style: italic; }
.news .mxfDiv a:hover .name{ color:#493e9d;}


.news .list{ padding: 0.6rem 0 0.2rem; }
.news .list ul{ margin-right: -0.36rem; }
.news .list li{ float: left; width: 33.33%; padding-bottom: 0.6rem;}
.news .list li .box{ margin-right: 0.36rem; box-shadow: 0 0 0.3rem 0 rgba(36,42,140,0.1); }
.news .list li .imgDiv{ height: 3.25rem; overflow: hidden; }
.news .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover; }
.news .list li .botDiv{ height: 3.0rem; padding: 0.36rem 0.45rem 0; background: #fff; }
.news .list li .name{ color: #333; font-size: var(--fs24); line-height: 0.36rem; height: 0.72rem; overflow: hidden; }
.news .list li .time{ color: rgba(102,102,102,0.5); font-family: 'Harmony-M'; font-size: var(--fs14); margin-top: 0.12rem; padding-left: 0.26rem; background: url(../images/nimg16_1.png) left center no-repeat; background-size: 0.16rem; }
.news .list li .content{ margin-top: 0.2rem; color: #666; font-size: var(--fs16); line-height: 0.24rem; height: 0.48rem; overflow: hidden; }
.news .list li .look{ margin-top: 0.3rem; font-size: var(--fs16); line-height: 0.16rem; color: #493e9d; font-family: 'Harmony-M'; text-decoration: underline; font-style: italic; }
.news .list li .box:hover .imgDiv img{ transform:scale(1.1);-webkit-transform:scale(1.1);}
.news .list li .box:hover .name{ color: #493e9d; }

.newsTop{ position: relative; background: url(../images/newsBg.jpg) center no-repeat; background-size: cover; padding-top: 0.95rem; height: 2.67rem; }
.newsTop .name{font-weight: 400; font-size: var(--fs36); line-height: 0.48rem; min-height: 0.96rem; color: #494498; font-family:'Harmony-B'; }
.newsTop .msg{ margin-top:0.1rem;}
.newsTop .msg li{ float: left; margin-right: 0.45rem; position: relative; padding-left: 30px; color: #999; font-size: var(--fs16); }
.newsTop .msg li img{ position: absolute; left: 0; top: 50%; margin-top: -7px; }
.newsTop .pageNow{ position: absolute; left: 50%; margin-left: -7.68rem; top: 0; z-index: 1;}

.newsBot{ padding: 0.7rem 0 1.2rem; border-bottom: #ebebeb solid 1px; }
.newsBot .content{ font-size: var(--fs16); line-height: 0.32rem; }
.newsBot .content b{ color: #333; }
.newsBot .imgDiv{ padding: 0.2rem 0; text-align: center;}
.newsBot .imgDiv img{ max-width: 10.6rem; }

.sideNews .title{ font-size: var(--fs30); line-height: 0.3rem; color: #000; font-family:'Harmony-B'; position: relative; padding-bottom: 0.3rem;}
.sideNews .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 32px; height: 5px; background: #494498; border-radius: 4px;}
.sideNews .list li a{ display: block; padding: 0.45rem 0; border-bottom: #eee solid 1px;}
.sideNews .list li .name{ font-size: var(--fs20); line-height: 0.36rem; color: #222; }
.sideNews .list li .time{ font-size: 0.17rem; line-height: 0.18rem; padding-bottom: 0.2rem; color: #494498; }
.sideNews .list li:hover .name{ color: #494498;}

.pageDown{ padding-top: 0.38rem; }
.pageDown li{ font-size: var(--fs18); }
.pageDown li a{ display: block; height: 0.4rem; line-height: 0.4rem; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.pageDown li a:hover{ color: #494498; }
.newsBot .share{ padding-top: 0.35rem; overflow: hidden;}
.newsBot .share li{ float: left; margin-right: 0.1rem; }
.newsBot .share li:last-child{ margin-right:0;}
.newsBot .share li a{ display: block; width: 0.5rem; height: 0.5rem; border-radius: 50%; position: relative; background: #fff; }
.newsBot .share li img{ position: absolute; left: 50%; top: 50%; margin-left: -11px; margin-top: -10px; }
.newsBot .share li .img1{ opacity: 0; }
.newsBot .share li a:hover{ background: #6abc6f; }
.newsBot .share li a:hover img{ opacity: 0; }
.newsBot .share li a:hover .img1{ opacity: 1; }

.backBtn{ padding-top: 0.4rem; }
.backBtn a{ display: block; border-radius: 0.48rem; height: 0.52rem; line-height: 0.52rem; color: #fff; font-size: var(--fs16); text-align: center; background: #493e9d;}
.backBtn img{ margin-left: 10px; position: relative; top: -1px; }

.contactP1{ padding-top: 0.85rem; height: 7.04rem; background: url(../images/contactP1.png) center no-repeat; background-size: cover;}
.contactP1 .conDiv{ width: 6.4rem; }
.contactP1 .cn{ font-size: var(--fs36); line-height: 0.36rem; color: #333; font-weight: 400; font-family: 'Harmony-M'; margin-bottom: 0.2rem; }
.contactP1 .en{ font-size: var(--fs16); line-height: 0.16rem; color: rgba(57,64,64,0.6); text-transform: uppercase; }
.contactP1 .msgList{ margin-top: 0.5rem; }
.contactP1 .msgList li{ margin-bottom: 0.25rem; position: relative; padding-left: 52px; font-size: var(--fs16); line-height: 40px; font-family:'Harmony-B'; }
.contactP1 .msgList li:last-child{ margin-bottom: 0; }
.contactP1 .msgList li img{ position: absolute; left: 0; top: 0; }
.contactP1 .imgDiv{ width: 8.6rem; }
.contactP1 .imgDiv img{ width: 100%; }

.contactP2{ height: 4.2rem; background: url(../images/contactP2.jpg) center no-repeat; background-size: cover; }
.contactP2 .mxfDiv{ height: 4.2rem;}
.contactP2 .leftDiv{ width: 2.5rem; }
.contactP2 .title{ font-size: var(--fs30); line-height: 0.3rem; color: #333; padding-bottom: 0.3rem; position: relative; font-family: 'Harmony-M'; }
.contactP2 .title:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 26px; height: 5px; border-radius: 4px; background: #4b479a; }
.contactP2 .wen{ margin-top: 0.35rem; font-size: var(--fs16); line-height: 0.26rem; color: #333; font-family: 'Harmony-M'; }
.contactP2 .rightList{ width: 9.4rem; }
.contactP2 .rightList ul{ margin-right: -0.46rem; }
.contactP2 .rightList li{ float: left; width: 20%; }
.contactP2 .rightList li .box{ margin-right: 0.46rem; }
.contactP2 .rightList li .ewm{ border-radius: 4px; overflow: hidden; height:1.52rem; background:#fff; box-shadow: 0 0 0.3rem rgba(0,0,0,0.07); }
.contactP2 .rightList li .ewm img{ width: 100%; }
.contactP2 .rightList li .name{ margin-top: 0.2rem; height: 0.5rem; font-size: var(--fs16); line-height: 0.16rem; color: #fff; font-family: 'Harmony-M'; }
.contactP2 .rightList li .icon{ width: 45px; height: 45px; background: #fff; position: relative; border-radius: 50%; box-shadow: 0 0 0.3rem rgba(0,0,0,0.07); }
.contactP2 .rightList li .icon img{ position: absolute; left: 50%; top: 50%; margin-left: -14px; margin-top: -10px; }

.joinP1{ padding: 0.95rem 0; }
.joinP1 .imgDiv{ width: 50%; }
.joinP1 .imgDiv img{ width: 100%; }
.joinP1 .conDiv{ width: 6.86rem; }
.joinP1 .list{ margin-top: 0.6rem; }
.joinP1 .list li{ position: relative; padding-bottom: 0.24rem; padding-left: 0.35rem; line-height: 0.36rem; color: #333; font-size: var(--fs18); }
.joinP1 .list li:last-child{ padding-bottom: 0; }
.joinP1 .list li:before{ content: ''; position: absolute; left: 0; top: 0.16rem; width: 11px; height: 3px; background: #1657a7; }

.joinP2{ background: #fafafa; padding: 0.95rem 0 1.2rem; }
.joinP2 .indTxt{ margin-bottom: 0.5rem; }
.joinP2 .list{ padding-bottom: 0.6rem; }
.joinP2 .list li{ margin-bottom: 0.2rem; background: #fff; position: relative; cursor: pointer;}
.joinP2 .list li .topDiv{ position: relative; padding: 0.3rem 0 0.45rem; border-top: #483c9e solid 2px; box-shadow: 0px 0px 0.25rem 0px rgba(72, 60, 158, 0.15);}
.joinP2 .list li .line{ position: absolute; left: 0; bottom: 0; width: 100%; height: 0.25rem; background: #fff; display: none; z-index: 1; }
.joinP2 .list li .name{ padding: 0 0.4rem; font-size: var(--fs22); line-height: 0.42rem; color: #17171d; font-weight: 400; font-family: 'Harmony-M';}
.joinP2 .list li .wen{ padding: 0 0.4rem 0 0.28rem; overflow: hidden; }
.joinP2 .list li .wen dd{ float: left; position: relative; font-size: var(--fs14); line-height: 0.24rem; color: #707070; padding: 0 0.12rem; font-weight: 400; }
.joinP2 .list li .wen dd:after{ content: ''; position: absolute; right: 0; top: 50%; margin-top: -7px; width: 1px; height: 14px; background: #707070; }
.joinP2 .list li .wen dd:last-child:after{ display: none; }
.joinP2 .list li .msgList{ padding: 0.05rem 0.4rem 0 0.4rem; line-height: 0.24rem; font-size: var(--fs14); color: #707070; }
.joinP2 .list li .hideBox{ position: relative; display: none; padding: 0.1rem 0.4rem 0.6rem; background: #fff; overflow: hidden; box-shadow: 0px 0px 0.25rem 0px rgba(72, 60, 158, 0.15);}
.joinP2 .list li .ico{ position: absolute; right: 48px; top: 36px; z-index: 1; width: 60px; height: 60px; background: #edeaff; border-radius: 50%;}
.joinP2 .list li .ico:before{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -10px; margin-top: -2px; width: 20px; height: 4px; background: #483c9e; }
.joinP2 .list li .ico:after{ content: ''; position: absolute; left: 50%; top: 50%; margin-left: -2px; margin-top: -10px; width: 4px; height: 20px; background: #483c9e; }
.joinP2 .list li .leftDiv{ width: 7.3rem; padding-right: 0.5rem; position: relative; }
.joinP2 .list li .leftDiv:after{ content: ''; position: absolute; right: 0; top: 0; background: #e2e2e2; width: 1px; height: 100%; }
.joinP2 .list li .txt{ font-size: var(--fs18); line-height: 18px; margin-bottom: 0.15rem; color: #333; font-family: 'Harmony-B';}
.joinP2 .list li .msg{ font-size: var(--fs16); line-height: 0.3rem; padding-bottom: 0.4rem; color: #999; }
.joinP2 .list li .rightDiv{ width: 5.4rem; }
.joinP2 .list li .zi dd{ margin-bottom: 0.25rem; font-size: var(--fs16); line-height: 0.3rem; color: #999; }
.joinP2 .list li .btnDiv{ clear: both; overflow: hidden; }
.joinP2 .list li .btnDiv dd{ float: left; margin-right: 0.2rem; position: relative; padding: 0 0.24rem; height: 0.5rem; line-height: 0.5rem; color: #fff; border-radius: 0.48rem; background: #6abc6f; font-size: var(--fs16); }
.joinP2 .list li .btnDiv dd:nth-child(2){ background: #493e9d; }
.joinP2 .list li .btnDiv dd:nth-child(1) em{ margin-right: 10px; display: block; width: 20px; height: 18px; background: url(../images/nimg20_7.png) no-repeat; }
.joinP2 .list li .btnDiv dd:nth-child(2) em{ margin-right: 10px; display: block; width: 20px; height: 18px; background: url(../images/nimg20_8.png) no-repeat; }

.joinP2 .list li .liNow{ padding: 0.3rem 0 0.2rem; box-shadow: 0px 0px 0.25rem 0px rgba(72, 60, 158, 0.15);}
.joinP2 .list li .liNow .line{ display: block; }
.joinP2 .list li .liNow .msgList{ display: none;}
.joinP2 .list li .liNow .name{ color: #483c9e; }
.joinP2 .list li .liNow .ico{ background: #483c9e;}
.joinP2 .list li .liNow .ico:before{ background: #fff; }
.joinP2 .list li .liNow .ico:after{ background: #fff; transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    -o-transform: rotate(90deg); }

.productShow{ padding: 0.9rem 0 0.2rem; background: url(../images/productBg.png) center top no-repeat; background-size: 100%; border-bottom: #ebebeb solid 1px; }
.proInfo{ height: 4.94rem; background: #fff; box-shadow: 0 0 0.4rem 0 rgba(135,135,135,0.15); margin-bottom: 1.2rem; }
.proInfo .imgDiv{ width: 6.26rem; height: 4.94rem; overflow: hidden;  display: flex; display: -webkit-flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
.proInfo .imgDiv img{ max-width: 6.0rem; max-height: 4.94rem; }
.proInfo .conDiv{ width: 7.68rem; padding-right: 1.0rem; }
.proInfo .name{ font-size: var(--fs18); line-height: 0.36rem; color: #000; font-weight: 400; font-family: 'Harmony-B'; }
.proInfo .msg li{ font-size: var(--fs18); line-height: 0.36rem; color: #000; font-family: 'Harmony-B';}
.proInfo .btnDiv{ padding-top: 1.0rem; overflow: hidden;}
.proInfo .btnDiv li{ float: left; margin-right: 0.15rem; font-size: var(--fs16); font-family: 'Harmony-M';}
.proInfo .btnDiv li a{ width: 1.62rem; height: 0.52rem; border: #494498 solid 1px; color: #493e9d; border-radius: 0.48rem; background: #fff; }
.proInfo .btnDiv li:nth-child(1) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_4.png) no-repeat; background-size: 0.2rem; }
.proInfo .btnDiv li:nth-child(2) em{ display: block; margin-left: 0.15rem; width: 0.2rem; height: 0.2rem; background: url(../images/nimg20_5.png) no-repeat; background-size: 0.2rem; }
.proInfo .btnDiv li a:hover{ background: #493e9d; color: #fff; }
.proInfo .btnDiv li:nth-child(1) a:hover em{ background: url(../images/nimg20_4on.png) no-repeat; background-size: 0.2rem; }
.proInfo .btnDiv li:nth-child(2) a:hover em{ background: url(../images/nimg20_5on.png) no-repeat; background-size: 0.2rem; }

.proDiv{ position: relative; padding-left: 5.14rem; padding-bottom: 0.75rem; min-height: 1.6rem; }
.proDiv .txtDiv{ position: absolute; left: 0; top: 0; padding-bottom: 0.2rem;}
.proDiv .txtDiv:after{ content: ''; position: absolute; left: 0; bottom: 0; width: 20px; height: 4px; border-radius: 4px; background: #4b479a; }
.proDiv .txtDiv .en{ font-weight: 400; font-family: 'Harmony-B'; font-size: var(--fs48); line-height: 0.48rem; text-transform: uppercase; background-image:-webkit-linear-gradient(top,#d6d6d6,transparent);
 background-image:linear-gradient(to bottom,#d6d6d6,transparent); 
 -webkit-background-clip: text; 
 -webkit-text-fill-color: transparent;}
.proDiv .txtDiv .cn{ color: #000; margin-top: 0.08rem; font-weight: 100; font-size: var(--fs30); line-height: 0.3rem; font-family: 'Harmony-M';}
.proDiv .txt{ font-size: var(--fs18); line-height: 0.3rem; color: #4b479a; font-family: 'Harmony-B'; }
.proDiv .msgList{ font-size: var(--fs16); line-height: 0.3rem;}
.proDiv .msgList li{ padding-bottom: 0.3rem; }
.proDiv .msgList li .zi{ font-size: var(--fs16); line-height: 0.3rem;}
.proDiv .table{ padding-top: 0.25rem; font-size: var(--fs16); line-height: 0.3rem; }
.proDiv .table table{ border-top: #e5e5e5 solid 1px; border-left: #e5e5e5 solid 1px;    width: auto !important; }
.proDiv .table th{ font-weight: 400; text-align: left; border-right: #e5e5e5 solid 1px; height: 0.46rem; background: #4b479a; padding-left: 0.5rem; color: #fff; font-size: var(--fs16); font-family: 'Harmony-M'; }
.proDiv .table th:nth-child(1){ width: 2.98rem; }
.proDiv .table td{ height: 0.48rem; padding: 0.1rem 0.5rem; border-right: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; font-size: var(--fs16); line-height: 0.26rem; }

.proDiv .content{ margin: 0.2rem 0 0.5rem; font-size: var(--fs14); line-height: 0.28rem;}
.proDiv .table2{ padding-top: 0.25rem; font-size: var(--fs16); line-height: 0.3rem; }
.proDiv .table2 table{ margin-bottom: 1px; border-top: #e5e5e5 solid 1px; border-left: #e5e5e5 solid 1px;    width: auto !important; }
.proDiv .table2 th{ font-weight: 400; text-align: left; border-right: #e5e5e5 solid 1px; height: 0.46rem; background: #c9c7e1; padding-left: 0.5rem; color: #fff; font-size: var(--fs16); font-family: 'Harmony-M'; }
.proDiv .table2 th:nth-child(1){ width: 6.28rem; }
.proDiv .table2 td{ height: 0.48rem; padding: 0.1rem 0.5rem; border-right: #e5e5e5 solid 1px; border-bottom: #e5e5e5 solid 1px; font-size: var(--fs16); line-height: 0.26rem; }
.proDiv .msgList img, .proDiv .table img, .proDiv .table2 img{ width:auto!important; max-width:100%; height:auto!important;}


.proDiv .btnGroup{ padding-top: 0.5rem; }
.proDiv .btnGroup li{ float: left; margin-right: 0.24rem; font-size: var(--fs16);}
.proDiv .btnGroup li a{ width: 1.62rem; height: 0.42rem; background: #edecf5; border-radius: 0.48rem; color: #262626;}
.proDiv .btnGroup li .prev em{ margin-right: 10px; display: block; width: 13px; height: 13px; background: url(../images/nimg13_left.png) no-repeat; }
.proDiv .btnGroup li .back em{ margin-left: 10px; display: block; width: 19px; height: 17px; background: url(../images/back.png) no-repeat; }
.proDiv .btnGroup li .next em{ margin-left: 10px; display: block; width: 13px; height: 13px; background: url(../images/nimg13_right.png) no-repeat; }
.proDiv .btnGroup li a:hover{ background: #4b479a; color: #fff; }
.proDiv .btnGroup li .prev:hover em{ background: url(../images/nimg13_lefton.png) no-repeat; }
.proDiv .btnGroup li .back:hover em{ background: url(../images/backon.png) no-repeat; }
.proDiv .btnGroup li .next:hover em{ background: url(../images/nimg13_righton.png) no-repeat; }

.aboutBox{ padding-top: 0.95rem; background: url(../images/productBg.png) center top no-repeat; background-size: 100%; border-bottom: #ebebeb solid 1px; }
.aboutP1 .toptop{ padding-bottom: 0.4rem; position: relative; }
.aboutP1 .txt{ position: absolute; right: 0; top: 0; width: 5.2rem; text-align: right; color: #031b3e; line-height: 0.52rem; font-size: var(--fs40); }
.aboutP1 .txt em{ color: #4b479a; }
.aboutP1 .leftCon{ width: 6.82rem; font-size: var(--fs16); line-height: 0.32rem; text-align: justify; }
.aboutP1 .imgDiv{ width: 50%; }
.aboutP1 .imgDiv img{ width: 100%; }

.aboutP2{ padding-top: 0.95rem; }
.aboutP2 .title{ text-align: center; font-size: var(--fs36); line-height: 0.36rem; color: #333; font-family: 'Harmony-M'; margin-bottom: 0.5rem; }
.aboutP2 .list li{ float: left; width: 33.33%; position: relative;}
.aboutP2 .list li .imgDiv{ height: 6.26rem; overflow: hidden; }
.aboutP2 .list li .imgDiv img{ width: 100%; height: 100%; object-fit: cover;}
.aboutP2 .list li .layer{ position: absolute; left: 0; top: 0; background: rgba(0,0,0,0.5); color: #fff; width: 100%; height: 100%; padding: 1.8rem 0.8rem 0; text-align: center; z-index: 1; }
.aboutP2 .list li .ico{ height: 1.3rem; }
.aboutP2 .list li .ico img{ width: 0.74rem; }
.aboutP2 .list li .name{ font-size: var(--fs30); line-height: 0.3rem; height: 0.7rem;}
.aboutP2 .list li .msg{ font-size: var(--fs16); line-height: 0.36rem; }
.aboutP2 .list li:hover .layer{ background: rgba(75,71,154,0.8);}


.aboutP3{ padding: 1.15rem 0 1.5rem; background: url(../images/historyBg.png) center bottom no-repeat; background-size: 100%; }
.aboutP3 .title{ font-size: var(--fs36); line-height: 0.36rem; text-align: center; color: #333; font-family: 'Harmony-M'; margin-bottom: 0.6rem; }
.aboutP3 .leftImg{ width: 6.8rem; height: 5.4rem; overflow: hidden; }
.aboutP3 .leftImg img{ width: 100%; height: 100%; object-fit: cover; }
.aboutP3 .rightDiv{ width: 7.72rem; }

.historyPic .box-container{ width: 1.52rem; height: 5.4rem; padding: 0.25rem 0; position: relative; }
.historyPic .box-container:after{ content: ''; position: absolute; right: 0; top: 0; width: 1px; height: 100%; background: #e5e5e5; }
.historyPic .img-swiper{ width: 1.52rem; height: 4.9rem; }
.historyPic .img-swiper .year{ cursor: pointer; font-size: var(--fs20); line-height: 0.7rem; color: #999; font-family:'Harmony-M'; }

.historyPic .swiper-slide.swiper-slide-active .year{ font-size: var(--fs30); color: #4b479a; line-height: 0.7rem;}
.historyPic .swiper-btn{ position: absolute; left: 0; display: block; width: 22px; height: 12px; z-index: 2;}
.historyPic .prev{ top: 0; background: url("../images/nimg22_top.png") center no-repeat; }
.historyPic .next{ bottom: 0; background: url("../images/nimg22_bot.png") center no-repeat;}
.historyPic .prev:hover{ background: url("../images/nimg22_topon.png") center no-repeat; }
.historyPic .next:hover{ background: url("../images/nimg22_boton.png") center no-repeat; }

.historyPic .detail-box{ width: 5.2rem; }
.historyPic .detail-box .item{ display: none; position: relative; }
.historyPic .detail-box .item.on{ display: block; animation: fadeOfOpacity .5s linear; }
.historyPic .detail-box .scrollDiv{ position: relative; padding-top: 0.5rem; height: 5.4rem; overflow: auto;}
.historyPic .detail-box .scrollDiv::-webkit-scrollbar { width: 3px;}
.historyPic .detail-box .scrollDiv::-webkit-scrollbar-track { background-color: #eee;}
.historyPic .detail-box .scrollDiv::-webkit-scrollbar-thumb { background-color: #4b479a;} 
.historyPic .detail-box .year{ font-size: var(--fs48); line-height: 0.48rem; color: #6abc6f; margin-bottom: 0.3rem; }
.historyPic .detail-box .list li{ margin-bottom: 0.5rem; }
.historyPic .detail-box .list li:last-child{ margin-bottom: 0; }
.historyPic .detail-box .list li .month{ font-size: var(--fs18); line-height: 0.18rem; color: #4b479a; font-family: 'Harmony-M'; margin-bottom: 0.15rem; }
.historyPic .detail-box .list dd{ position: relative; margin-bottom: 0.05rem; font-size: var(--fs16); line-height: 0.32rem; padding-left: 15px; }
.historyPic .detail-box .list dd:before{ content: ''; position: absolute; left: 0; top: 0.14rem; width: 4px; height: 4px; background: #6abc6f; border-radius: 50%; }

.aboutP4{ padding: 1.1rem 0; }
.aboutP4 .title{ font-size: var(--fs36); line-height: 0.36rem; text-align: center; color: #333; font-family: 'Harmony-M'; margin-bottom: 0.5rem; }
.aboutP4 .imgDiv{ text-align: center; }
.aboutP4 .imgDiv img{ max-width: 15.36rem; }
.aboutP4 .tips{ margin-top: 0.65rem; text-align: center; font-size: var(--fs18); }